/* ---- Common styles ---- */

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
	background: url(images/bg.png) repeat;
	color: #111b02;
}

p, li, dt, dd {
	font: 1.2em/1.8em Tahoma, sans-serif;
	margin-bottom: 10px;
}

h1 {
	font: 2.0em Tahoma, sans-serif;
	color: #41980d;
	margin-bottom: 10px;
}

h2 {
	font: 1.8em Tahoma, sans-serif;
	color: #41980d;
	margin-bottom: 10px;
	font-style: italic;
}

ul {
	margin-left: 25px;
}

img {
	border: none;
}

dl.meta {
	border-top: 2px solid #e9d38d;
	margin: 0 0 15px 0;
	padding: 0;
}
	dl.meta dt, dl.meta dd, dl.meta dd li {
		display: inline-block;
		#display: inline;
		margin: 0 5px 0 0;
		padding: 1px 10px;
		color: white;
	}
	dl.meta dt {
		border-top: 2px solid #e9d38d;
		background-color: #e9d38d;
		-moz-border-radius: 0 0 5px 5px;
		-khtml-border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;
	}
	dl.meta dd, dl.meta dd li {
		
		background-color: #76b351;
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	/* Exceptions */
	dl.meta dd + dt {
		margin-left: 15px;
	}
	dl.meta dd ul{
		#display: inline;
		margin: 0;
		padding: 0;
	}
	dl.meta dd.tags {
		background-color: transparent;
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 1em;
	}

/* ---- Layout styles ---- */

#page-wrap {
	background: url(images/bg_top_light.png) center top no-repeat;
	min-width: 780px;
	max-width: 1000px;
	margin: 0 auto;
}
	#page-wrap #inside {
		background-color: transparent;
		margin: 0 10px;
	}
	
#header {
	height: 90px;
}

#logo {
	float: left;
	margin-top: 20px;
	margin-left: 34px;
}

#menu {
	float: right;
	margin-right: 32px;
	height: 74px;
}
	#menu .left {
		float: right;
		background: url(images/menu_l.png) no-repeat;
		width: 10px;
		height: 74px;
	}
	#menu .right {
		float: right;
		margin-right: 32px;
		background: url(images/menu_r.png) no-repeat;
		width: 10px;
		height: 74px;
	}
	#menu .content {
		float: right;
		/*overflow: hidden;  Crop the last splitter */
	}
	#menu .content > ul {
		background: url(images/menu_bg.png) repeat-x !important;
		/*margin-right: -2px;  Crop the last splitter */
		margin-left: 0 !important;
		list-style: none;
		height: 74px !important;
	}
	#menu .content > ul > li {
		/*display: inline-block;
		#display: inline; /* Hack for IE7/8 */
		padding: 0 10px !important;
		background: url(images/menu_splitter.png) right no-repeat !important;
		font-size: 1em !important;
		line-height: 74px !important;
		height: 74px !important;
	}
	#menu .content > ul > li > a {
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		background-color: transparent !important;
		font-size: 1.4em !important;
		line-height: 74px !important;
		height: 74px !important;
	}
	#menu li a:link, #menu li a:visited {
		color: #7f6826 !important;
		text-decoration: none !important;
	}
	#menu li a:hover, #menu li a:active {
		color: #7f6826 !important;
		text-decoration: underline !important;
	}

#sidebar-top {
	float: right;
	border-left: 1px solid #c4a649;
	width: 318px;
	height: 31px;
}
	#sidebar-top .right {
		float: right;
		background: url(images/sidebar_tr.png) no-repeat;
		width: 31px;
		height: 31px;
	}
	#sidebar-top .content {
		margin-right: 31px;
		background: url(images/sidebar_t.png) repeat-x;
		height: 31px;
	}
		
#main-top {
	height: 31px;
}
	#main-top .left {
		float: left;
		background: url(images/main_tl.png) no-repeat;
		width: 31px;
		height: 31px;
	}
	#main-top .content {
		margin-right: 319px;
		#margin-right: 0; /* Hack for IE7/8 */
		margin-left: 31px;
		background: url(images/main_t.png) repeat-x;
		height: 31px;
	}

/* For left border */
#main-wrap {
	background: url(images/main_l.png) left repeat-y;
}

#main {
	background: url(images/sidebar_bg.png) right repeat-y;
	/* padding-left: 230px; */
	padding-right: 319px; /* 304 + 16 */
	padding-left: 16px;
}

#main #content {
	padding: 10px;
	background-color: #fdfdfd;
}

.postscript {
	margin-bottom: 10px;
}
	.postscript .comments-count {
		float: left;
		margin-right: 20px;
		margin-left: 16px;
		background: url(images/comment_bg.png) no-repeat;
		text-align: center;
		font-size: 1.2em;
		color: white;
		width: 84px;
		height: 71px;
	}
		.postscript .comments-count span {
			display: block;
			font-weight: bold;
			font-size: 28px;
		}
	.postscript .links1 > div, .postscript .links2 > div {
		padding: 0 20px;
		line-height: 35px;
		height: 35px;
	}
	.postscript .links1 {
		float: left;
		background: url(images/links_bg_l.png) right center no-repeat;
		font-size: 1.2em;
		min-width: 145px;
		height: 71px;
	}
		.postscript .links1 > div {
			text-align: right;
		}
	.postscript .links2 {
		float: left;
		background: url(images/links_bg_r.png) left center no-repeat;
		font-size: 1.2em;
		min-width: 185px;
		height: 71px;
	}
	
#sidebar {
	width: 300px;
	/* float: left; */
	float: right;
	/* padding-left: 15px; */
	padding-right: 16px;
	padding-top: 10px;
}
	#sidebar h1 {
		margin: 0 10px 10px;
		padding: 5px 10px;
		border: 1px solid #d7c486;
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background-color: #e6dab4;
		font-size: 1.4em;
		color: #6f5610;
	}
	#sidebar p {
		margin: 0 10px 10px;
		padding: 0 10px;
	}
	
#sidebar-bottom {
	float: right;
	width: 319px;
	height: 45px;
}
	#sidebar-bottom .left {
		background-color: #c4a649;
		width: 1px;
		height: 31px;
	}
	#sidebar-bottom .right {
		float: right;
		background: url(images/sidebar_br.png) no-repeat;
		width: 31px;
		height: 45px;
	}
	#sidebar-bottom .content {
		margin-right: 31px;
		background: url(images/sidebar_b.png) repeat-x;
		text-align: left;
		height: 45px;
	}

#main-bottom {
	height: 45px;
}
	#main-bottom .left {
		float: left;
		background: url(images/main_bl.png) no-repeat;
		width: 31px;
		height: 45px;
	}
	#main-bottom .content {
		margin-right: 319px;
		#margin-right: 0; /* Hack for IE7/8 */
		margin-left: 31px;
		background: url(images/main_b.png) repeat-x;
		height: 45px;
	}

#footer {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #6f5610;
}

/* ---- Functional styles ---- */

.clear {
	clear: both;
	line-height: 0;
	height: 0;
}